<template>
    <div id="quality">
        <cardTop v-bind="quality"></cardTop>
        <qualityText v-bind:cardInfo="cardInfo"></qualityText>
        <bt></bt>
    </div>
</template>

<script>
import cardTop from './components/cardTop'
import qualityText from './components/qualityText'
import bt from './components/button'
export default {
    components:{
        cardTop,qualityText,bt,
    },
    data(){
        return{
            quality:{
                title: 'QUALITY',
                text1: '品质培训，源于用心',
                text2: '管培森——企业的高校人才预订平台',
                text3: '学生步入社会的第二课堂'
            },
            cardInfo:[
                {
                    color: 'rgb(0,160,234)',
                    imgurl: require('../assets/首页/培训.png'),
                    title: '培训优势',
                    text: ['精确搜索和匹配', '企业和学生额便捷对接', '个性化培训设计', '贴合企业需求', '符合学生需求']
                },
                {
                    color: 'rgb(16,157,89)',
                    imgurl: require('../assets/首页/学生.png'), // 一定要require,否则webpack无法编译成功路径
                    title: '学生优势',
                    text: ['本科知名院校  ', '应届毕业生', '各专业优质学生', '满足各类企业', '人才定制培养']
                },
                {
                    color: 'rgb(245,180,0)',
                    imgurl: require('../assets/首页/企业.png'), // 一定要require,否则webpack无法编译成功路径
                    title: '企业优势',
                    text: ['企业类型多样', '涵盖规模广泛', '满足多元求职需要', '独特企业文化', '招揽志同道合人才']
                },
                {
                    color: 'rgb(220,68,57)',
                    imgurl: require('../assets/首页/就业.png'), // 一定要require,否则webpack无法编译成功路径
                    title: '就业优势',
                    text: ['高校提前预订', '培训完即可签约', '提前接触企业', '提升实战专业技能', '提前做好未来规划']
                }
            ]
        }
    }
}
</script>

<style scoped>
    #quality{
        margin-top:60px;
        display:flex;
        flex-flow:column nowrap;
        align-items: center;
    }
</style>
